<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页框架</title>
		<!-- 引入外部文件 -->
		<link rel="stylesheet" href="command/Bootstrap/bootstrap-3.3.0/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css"/>
		<script src="command/jquery-3.4.0.min.js"></script>
		<script src="command/Bootstrap/bootstrap-3.3.0/js/bootstrap.min.js"></script>
		<script src="command/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="command/bower_components/moment/min/moment.min.js"></script>
		<script src="command/bower_components/moment/min/locales.min.js"></script>
		
		<link rel="stylesheet" href="css/index.css" />
		<!-- json来解析导航 -->
		<script type="application/javascript">
			$(function(){
				$.getJSON("json/menuList.json",function(date){
//					console.log(date);	
					$("#treeMain").treeview({
						data:date,
						onNodeSelected:function(even,data){
						$("#pageFrame").attr("src",data.href);
						}
					});
				})
			})
		</script>
	</head>
	<body class="container-fluid">
		<div class="bgdiv">
		<!-- 头部（开始） -->
		<div class="row">
			<div class="col-md-12">
				<h1 class="title01" align="center">电厂信息业务支撑平台</h1>
				<div class="divusername">
					<b>欢迎</b><span id="spanusername" class=""><img href="img/a.png" width="20px" height="20px"/></span>
					<button class="btn btn-danger">
						<span class="glyphicon glyphicon-off"><a href="denglu/login.html">安全退出</a></span></button>
				</div>
			</div>
		</div>
		<!-- 头部（结束） -->
		
		<!-- 中间（开始） -->
		<div class="row">
			<!-- 导航（开始） -->
			<div class="col-md-3">
				<div id="treeMain">
					
				</div>
			</div>
			<!-- 导航（结束） -->
			
			<!-- 工作区（开始） -->
			<div class="col-md-9">
				<!-- 界面路径显示（开始） -->
				<div class="row">
					<div class="col-md-12">
						<ol class="breadcrumb">
							<li><a href="kongpage.html" target="pageFrame">首页</a></li>
						</ol>
					</div>
				</div>
				<!-- 界面路径显示（结束） -->
				
				<!-- 利用框架切换不同的界面内容（开始） -->
				<div class="row">
					<div class="col-md-12">
						<div class="embed-responsive embed-responsive-16by9">
							<iframe name="pageFrame" id="pageFrame" class="embed-responsive-item" src="kongpage.html"></iframe>
						</div>
					</div>
				</div>
				<!-- 利用框架切换不同的界面内容（结束） -->
			</div>
			<!-- 工作区（结束） -->
		</div>
		<!-- 中间（结束） -->
		
	</body>
</html>
